﻿@{
    ViewBag.Title = "Recommend";
}

@section scripts
{
    <script type="text/javascript" src="~/Scripts/App/Guest/recommend.js"></script>
}

<header>
    <div class="row">
        <div class="large-12 columns">
            <div class="header-for-show">
                <ul class="example-orbit-content" data-orbit>
                    <li data-orbit-slide="headline-1">
                        <div>
                            <h3>Quảng cáo 1</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                    <li data-orbit-slide="headline-2">
                        <div>
                            <h3>Quảng cáo 2</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                    <li data-orbit-slide="headline-3">
                        <div>
                            <h3>Quảng cáo 3</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</header>
<div class="row body forum-detail">
    <div class="large-12 small-12 columns">
        <div class="row post-details posts">
            <div class="large-9 small-12 columns">
                <h3>Quảng cáo đứng đầu</h3>
                <h6 class="subheader"><i class="icon-facebook"></i>Theo số lượt xem</h6>
                <span class="clear"></span>
                <div class="row category" data-bind="foreach: TopViews">
                    <div class="medium-3 large-3 columns" style="display: inline-block; width: 170px; height: 250px;">
                        <a data-bind="html: HtmlTag, attr: {href: Link}"></a>
                    </div>                    
                </div>

                <p class="clear"></p>
                <h6 class="subheader"><i class="icon-facebook"></i>Theo số lượt thích</h6>
                <span class="clear"></span>
                <div class="row category" data-bind="foreach: TopLikes">
                    <div class="medium-3 large-3 columns" style="display: inline-block; width: 170px; height: 250px;">
                        <a data-bind="html: HtmlTag, attr: {href: Link}"></a>
                    </div>
                </div>
            </div>
            <div class="large-3 small-12 columns">
                <dl class="tabs" data-tab>
                    <dd class="active"><a href="#panel2-1">Mới</a></dd>
                    <dd><a href="#panel2-2">Bình luận</a></dd>
                </dl>
                <div class="tabs-content">
                    <div class="content active" id="panel2-1" data-bind="foreach: TopNews">
                        <div class="rank-list">
                            <a data-bind="html: HtmlTag, attr: {href: Link}"></a>
                        </div>
                    </div>
                    <div class="content" id="panel2-2">
                        <div class="comment-list">
                            <span>1,</span>
                            <a href="#">Deadlock</a><span class="italiced"> nói</span> :
                            <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                            <a class="right" href="#">
                                <span class="darked pull-right">Cocacola</span>
                            </a>

                        </div>
                        <p class="clear"></p>
                        <div class="comment-list">
                            <span>1,</span>
                            <a href="#">Deadlock</a><span class="italiced"> nói</span> :
                            <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                            <a class="right" href="#">
                                <span class="darked pull-right">Cocacola</span>
                            </a>

                        </div>
                        <p class="clear"></p>
                        <div class="comment-list">
                            <span>1,</span>
                            <a href="#">Deadlock</a><span class="italiced"> nói</span> :
                            <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                            <a class="right" href="#">
                                <span class="darked pull-right">Cocacola</span>
                            </a>

                        </div>
                        <p class="clear"></p>
                        <div class="comment-list">
                            <span>1,</span>
                            <a href="#">Deadlock</a><span class="italiced"> nói</span> :
                            <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                            <a class="right" href="#">
                                <span class="darked pull-right">Cocacola</span>
                            </a>

                        </div>
                        <p class="clear"></p>
                        <div class="comment-list">
                            <span>1,</span>
                            <a href="#">Deadlock</a><span class="italiced"> nói</span> :
                            <p>"Cái này khá bổ ích nè mọi người! hihi, it's wonderfull..."</p>
                            <a class="right" href="#">
                                <span class="darked pull-right">Cocacola</span>
                            </a>

                        </div>
                        <p class="clear"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
